<!DOCTYPE HTML>

<html>

<head>
	<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
    <script type='text/javascript' src='javascript/utils.js'></script>
	<script type='text/javascript' src='javascript/messages.js'></script>
	<script type='text/javascript' src='javascript/globalize.js'></script>
    <script type='text/javascript' src='javascript/user.js'></script>
    <script type='text/javascript' src='javascript/login.js'></script>
    <script type='text/javascript' src='javascript/controller.js'></script>
    <script type='text/javascript' src='javascript/display.js'></script>
    <script type='text/javascript' src='javascript/url.js'></script>
    <script type='text/javascript' src='javascript/search.js'></script>
    <script type='text/javascript' src='javascript/main.js'></script>
	<link rel='stylesheet' type='text/css' href='stylesheets/ui.css'>
</head>

<body class='body'>

	<!-- Login panel -->
    
    <div id='headingPane'>
    	<div id='loginPane'>
    		<div id='loginSection' class='login-section' style='display: none'>
    			<label class='label' id='loginIdLabel' for='loginId' title='Your email address'>Login ID:</label>
    			<input class='textbox' id='loginId' type='text' title='Your email address' tabindex='1' autofocus='autofocus'></input>
    			<label class='label' id='passwordLabel' for='password'>Password:</label>
                <input class='textbox' id='password' type='password' tabindex='2'></input>
    			<input class='button' id='loginButton' type='button' value='Login'></input> 
                <label class='label' id='rememberMeLabel' for='rememberMeCheckBox'>Keep me logged in</label>
                <input class='checkbox' id='rememberMeCheckBox' type='checkbox' tabindex='3'></input>
    			<span class='textfield' id='loginError'></span>
    		</div>
    	
    		<!-- Logged in panel: label text is inserted in CSS -->
    	
    		<div id='loggedInSection' class='section' style='display: none'>
    			<span id='displayName' class='textfield'></span>
    			<span id='loggedIn' class='textfield'></span>
    			<span id='memberFor'>
                    <span id='creationDate' class='textfield'></span>
                    <!-- <span id='userFor' class='textfield'></span> -->
    			</span>
    			<span id='numberOfPosts'>
    				<span id='postCount' class='textfield'></span>
    			</span>

    			<input id='logoutButton' class='button' type='button' value='Logout'></input>
    		</div>
    	</div>

        <section id='headingSection'>
        
            <span id='mainPageHeading'>
                <a id='homePageLink' href='#'>ILXor.com</a>
                <span id='boardLink'></span>
            </span>
    
             <div id='siteInfoSection' class='section'>
                <span id='userCount'>
                    <span id='userCountLabel' class='label'>Registered users: </span>
                    <span id='userCountTextField' class='textfield'></span>
                </span>
        
                <span id='threadCount'>
                    <span id='threadCountLabel' class='label'>Threads: </span>
                    <span id='threadCountTextField' class='textfield'></span>
                </span>
        
                <span id='messageCount'>
                    <span id='messageCountLabel' class='label'>Messages: </span>
                    <span id='messageCountTextField' class='textfield'></span>
                </span>
        
                <span id='activeUsers'>
                    <span id='activeUsersLabel' class='label'>Currently active users: </span>
                    <span id='activeUsersTextField' class='textfield'></span>
                </span>

                <!-- <a id='oldUILink' class='label' href='../'>Old User Interface</a> -->

            </div>

            <span id='search'>
                <label id='searchLabel' for='searchTextField' class='label'>Search:</label>
                <input type="text" id='searchTextField' class='textbox' name='Search' tabindex='4'></input>
            </span>

        </section>
    </div>
	
	<div id='main' class='main'> 

        <nav id='menuPanel' class='menuPanel'>
            <a href='#'>Boards</a><br />        
            <a href='#0'>Site New Posts</a><br />        
            <a href='#'>Site New Threads</a>        
        </nav>
        
        <div id='mainPanel' class='section'></div>
        <pre id='xml'></pre>
        
	</div>

	<script type='text/javascript'>
		$(document).ready(startup());
	</script>

</body>




</html>